html, body {
  font-family: 'Roboto', sans-serif;
  font-size:14px;
  height:100%;
  margin: 0px;
  padding: 0px;
}


md-toolbar {
 height:70px;
}

md-toolbar h3 {
  margin: auto;
  font-weight: 500;
}

// md-list-item > button {
//   width:100%;
//   text-align:left !important;
// }

/*#content  {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 5px;
}*/
rule-group {
  margin-top: -40px;
}

.button-group {
  margin-top: 20px;
}

.avatar {
  position: relative;
  width: 128px;
  height: 128px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  margin: 0px;
  vertical-align: middle;
  zoom:0.70;
  transform: translateZ(0);
  -webkit-transform: scale(0.70);
  -moz-transform:scale(0.70);
}

.highlight {
  /*background-color: #FF9900;*/
  color: #FF0066;
  font-weight: bolder;
}

.md-button {
  fill: #999;
}

.md-button.md-default-theme:disabled:hover, .md-button:disabled:hover {
  cursor: not-allowed;
}

.md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
  fill: rgba(255, 0, 102, 0.8);
  background-color: transparent;
}

pre {
  border: 1px solid #ddd;
  background-color: transparent;
  /*min-width: 400px;*/
  width: 400px;
  height: 400px;
  white-space: pre-wrap;
}

md-toast .md-toast-content .md-toast-text {
  text-align: center;
  font-weight: bold;
}

.md-button .btn-new{
  /*background-color: #353aaa;*/
  /*color:white;*/
  /*border:#353aaa ;*/
  text-transform: none;
}

.md-button .del-temp {
  color: #aaa;
  float: right;
  min-height: 0;
  min-width: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}

.md-button .btn-new:hover .del-temp {
  opacity: 1;
}

md-progress-circular {
  position: absolute;
  top:50%;
  left:50%;
  z-index: 3;
}




/*.navbar .md-button {
  padding: 0;
  margin: 0;
}*/
/*
show-articles {
  margin-top: 20px;

}*/
